<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>胡猛_1_2</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            font-size: 1.33vw;
            text-shadow: 0.2667vw 0.2667vw 0.8vw rgba(0, 0, 0, .8);
        }

        .title {
            margin-top: 100px;
            text-align: center;
        }

        .tb {
            width: 100%;
        }

        table {
            width: 50vw;
            height: 20vw;
            text-align: center;
            border-collapse: collapse;
            border: 1px solid;
            margin: 10px auto;

        }

        thead,
        td,
        th {
            border: 1px solid;
        }

        a {
            text-decoration: none;
            color: hotpink;
        }
    </style>
</head>

<body>

    <div class="title">歌曲目录</div>
    <div class="tb">
        <table>
            <thead>
                <!-- 第一行 -->
                <th colspan="3">
                    男歌手
                </th>
            </thead>

            <thead>
                <!-- 第二行 -->
                <tr>
                    <th>歌手</th>
                    <th>歌曲名</th>
                    <th>专辑名</th>
                </tr>
            </thead>

            <thead>
                <!-- 第三行 内容 -->
                <tr>
                    <td rowspan="2">蔡徐坤</td>
                    <td>只因你太美</td>
                    <td>《只因你太美》</td>
                </tr>
                <!-- 第四行 -->
                <tr>
                    <td><a href="./情人-蔡徐坤.html" target="_blank">情人(点击试听)</a></td>
                    <td>《情人》</td>
                </tr>
            </thead>

            <thead>
                <!-- 第五行 -->
                <tr>
                    <td>吕德华</td>
                    <td>你的大眼睛之广场舞版</td>
                    <td>吕德华</td>
                </tr>
            </thead>

        </table>
    </div>

</body>

</html>